.input-group:focus-within .iconfont {
  color: #ff0000;
}

.menus {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 1rem;
}

.menus .card {
  min-width: 10rem;
  max-width: 15rem;
  text-align: center;
  transition: box-shadow 1s;
}

.menus .iconfont {
  font-size: 5rem;
}

.menus .iconfont:hover {
  color: #ff0000;
  cursor: pointer;
}

.menus .card:hover {
  box-shadow: 0px 0px 10px #ff0000;
}
